Menjelaskan mengunakan listview builder 
Listview builder gampang banget 
Sebelum itu saya mengunakan product card 


A 55.FLUTTER 52. ListView Builder + BLoC.mp4 - VLC media player — x 


Media Playback Audio Video Terjemahan Peralatan Tampilan Bantuan 


a mandar © 


Oren wonoRs ianao 


main() = runApp 


[flutter_demo] flutter packages get 
Running “flutter pub get" in flutter_demo... 
exit code 0 


Tl e cilw sisix apa 
Sudah saya jelaskan 

Listview buider itu sifat nya dinamis 

Ada 2 hal yg perlu diisi yaitu itemcount yaitu jumlah item nya 
Yg kedua 

itemBuilder fungsi untuk membuat item seperti apa 

supya lebih jelas maka kita praktek kan 

pertama seperti biasa buat stl 

materalApp 

home nya mainPage 

bawanya buat mainPage stl 
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P mandat © 


- ID 


context 


build context 
return 
appBar: 
body: 


[flutter_demo] flutter packages get 
Running "flutter pub get" in flutter_demo... 
exit code 0 


01:46 C 14:40 


>) lam a BSI a 
Disini saya akan buat satu buah tombol ketika satu buah tombol itu di tekan 

Dia akan membuat product card dgn jumlah random didalm subah listView builder 
Pertama buat raisedButton 

Lalu dibawah buat 

listView.builder 

untuk percobaan kita buat 

itemcount jumlah nya 3 

dan itembuilder itu masukan context dan index 

di sini dia minta 2 buah paramter context dan satu buah index 

nanti dia akan pangil fungsi ini 3 x 

akan return text isinya index.tostring buat ini saja 
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© 
return Scaffold( 
appBar: AppBar 
title: Text("D 
, Af 
body: Column 
children: <Widget>[ 
RaisedButton( 
onPressed: 
), 
ListView. builder( 
itemCount: 3, 
itemBuilder: (context, index 
——return Text(index.toString()); 


) 


lib\main.dart:18 


loaded 1 of 469 libraries 


ication finished. 


03:01 14:40 


IN dm Tm Fs a | 
Lalu kita expanded kita bungkus listview 
Lalu kita jalankan 
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& 


return Scaffold( 
appBar: AppBar 
title: Text( 
r 1 
body: lumn 
children: <Widget>[ 
——RaisedButton( 
onPressed: 
), // RaisedB 
Expanded( 
child: ListView.builder 
itemCount: 3, 
itemBuilder: (context, index) { 
return Text(index.toString( )): 


Launching lib\main.dart on RNE L22 in debug mode... 


Built build\app\outputs\apk\debug\app-debug. apk. 


03:23 
Ih Ke Di Sisi 


Maka diabuat kan seperti ini maka sama saja 

Gk dinamis diabuat 3 maka jalankan 3 

Kita stop dulu 

Sekarang kita buat satu buah bloc 

Bloc ini masukan angka dia akan kembalikan sejumlah product sebnyk angka 
dimasukan terbut 


Jadi 

Kalau masukan 3 maka akan banyk produk 3 buah 
Seakrang kita lanjut 

Disni kita buat clas productBloc lalu exteds bloc 
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s 
child: ListView.builder 
itemCount: 3, 
itemBuilder: (context, index) { 
return Text(index.toString()); 


h 


class ProductBloc extends Bloc} 


Launching li ain.dart on RNE L in debug mode... 
Built build\app\outpu 
Application finished. 


04:18 14:40 
WE) Kea StH SSM « Zat 
Lalu import dahulu 
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© mandat © 
import 
Import 
import ‘f 


void main => runApp(MyApp() 


class MyApp extends Statel Widget 
override 
Widget build(BuildContext context) { 
return MaterialApp( 
home: MainPage(), 
); MaterialApp 
} 


class MainPage extends StatelessWidget 
override 
Widget build(BuildContext context) { 
return Scaffold( 


s 
Launching lib\main.dart on RNE L22 in debug mode... 
Built build\app\outputs\apk\de' app-debug. apk. 
Application finished. 


04:22 
Ih mm Di SSM 


Bawah lagi 
Bloc ini akan minta masukan apa keluaran apa 
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itemCount: 3, 
itemBuilder: (context, index) { 
return Text(index.toString()); 


abstract class Bloc<Event, State> 

package:bloc/src/bloc.dart 

Takes a [Stream] of [Event]s as input and 

transforms them into a [Stream] of [State]s as 

output 

The type ‘Bloc’ is declared with 2 type parameters, but 1 type 


42 class ProductBloc extends 


s 
Launching lib\main.dart on RNE L22 in debug mode... 
Built buildVappNoutputsNapkNde app-debug.apk. 
Application finished. 


04:32 14:40 
p Komi A a Ii 
Masukan itu akan lalu kemablika itu list<Product> 
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itemCount: 3, 
itemBuilder: (context, index) { 
return Text(index.toString()); 


class ProductBloc extends Bloc<int, List<Product> 


8 
Launching li ain.dart on RNE L in debug mode... 
Built build\app\outputs\apk\de 

Application finished. 


04:44 14:40 


DP) mmj Cot SIS a 
Si product kita belum buat maka buat dulu 

Class product { 

Dia punya string ImageUrl gambarnya 

Lalu punya nama product nya lalu punya harganya 

Kita buat contructornya 

Isi defaultnya ksoong 


Kalau sudah disni kurang > 
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© mandat © 


class Product 
String imageURL; 
String name; 
int price; 


Product({this.imageu "", this.name = "", this.price 


class ProductBloc extends Bloc<int, List<Product>> 


Launching lib\main.dart on RNE L22 in debug mode.. 
Built build\app\outputs\apk\debug\app-debug. apk. 
Application finished. 


05:33 


WE) ee) me DIN SA 

Di productbloc disini ada yg harus di overider 
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class Product 
String imageURL; 
String name; 
int price, 


Product(fthis.imageURL - , this.name = "", this.price 


5@ class ProductBloc extends Bloc<int, List<Product>> 
Create 2 massing ovde) 


Launching lib\main.dart on RNE L22 in debug mode.. 


Built build\app\outputs\apk\debug\app-debug. apk. 


Application finished. 


05:36 14:40 
DP) Ke DI 


Ada 2 buah 
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& 
int price; 


Product({this.imageURL = "", this.name = "", this.price = 0}); 


5@ class ProductBloc extends Bloc<int, List<Product>> 
@override 


List<Product® "et initintcenen — nell; 
class Product 


override package-flutter demo/main.dart 
Stream<List<Product>> mapEventToState(int event) { 


return null; 


} 


Launching lib\main.dart on RNE L22 in debug mod 
Built build\app\outputs\apk\debug\app-debug.apk. 
Application finished. 


05:38 14:40 


Initial statenya list kosong 
Lalu kalau miasalkan dimasukan angka dikembalikan itu apa 
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class ProductBloc extends Bloc<int, List<Product>> 
@override 
List<Product> get initialState = []; 


override 

Stream<List<Product>> mapEventToState(int event) async* { 
return null; 

} 


Launching lib\main.dart on RNE L22 in debug mode... 


Built build\app\outputs\apk\debug\app-debug. apk. 


Application finished. 


05:53 14:40 
>| mm Tw Sisik 0 


Maka kita buat satu buah list 

Lalu kita tambhkan product.add disni 

Product imageUrl itu untuk sementara static saja gambar diambil internet 
, dan ada name nya lalu price nyai + 1 karena mulai dari O lalu * 5000 
Kalau masuk nya 3 dia akan berharga 5 ribu 10 15 

Setelah buat produk kita kembalikan 


Yield product 
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class ProductBloc extends Bloc<int, List<Product>> 
@override 
List<Product> get initialState = []; 


@override 
Stream<List<Product>> mapEventToState(int event) async* { 
List<Product> products = []; 
for (int i = 0; i < event; i+) 
products.add(Product 
imageURL: 
ps://cdn-prod. caln 
name: od + i.toString(), 
price: (i + 1) * 5000)); 
yield products; 
} 


' 
Launching li ain.dart on RNE L in debug mode... 
Built build\app\outputs\apk\de app-debug. apk. 
Application finished. 


07:05 
B| m» Cott Sisik 


Sekarang ke atas 

Disni kita import 

Flutter bloc 

Di mainPage kita bungkus refactor dgn widget ganti blocProvider 
Didalamnya builder context kembalikan productBloc 
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import 
import 
import 
import 


void main() = runApp(MyApp()); 


class MyApp extends StatelessWidget 
@override 
Widget build(BuildContext context) { 
return MaterialApp( 
home: BlocProvider 
builder: (context) = ProductBloc, 
child: MainPage()), vider 


); 


} 


class MainPage extends StatelessWidget 
; 


Launching lib\main.dart on RNE L22 in debug mode... 
Built build\app\outputs\apk\debug\app-debug. apk. 


Application finished. 


Tr calm] Bisix aa 
Lalu di expanded kita bungkus lagi berikan blocBuilder kita kasih tau tipenya 
ProductBloc 


Lalu di builder dia akan kembalikan context , lalu dia akan state nya kita product 
Disni list belum ditulis <product>> 
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© 
title: Text( 
, AppBar 
body: Column 
children: <Widget>[ 
RaisedButton( 
onPressed: A 
P RaisedButton 
BlocBuilder<ProductBloc, List<Product>>( 
builder: (context, products) => Expanded 
child: ListView.builder 
| itemCount: 
itemBuilder: (context, index) { 
return Text(index.toString()); 


h 


Launching lib\main.dart on RNE L22 in debug mode... 
Built build\app\outputs\apk\de' app-debug. apk. 
Application finished. 


Soo cat) SISI eS 
Jadi disini 

itemCount adalah products.lengt panjang nya listProduct 

lalu disni akan kemblaikan productCard 

ygf pernah dibuat 
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import 'packa l Y/ terial.dart': 


const Color firstColor = Color(0xffF44336); 
const Color secondColor = Color(@xff4CAF5@); 


class ProductCard extends StatelessWidget 
final String imageURL; 
final String name; 
final String price; 
final int quantity; 
final String notification; 
final Function onAddCartTap; 
final Function onIncTap; 
final Function onDecTap; 


final TextStyle textStyle = TextStyle( 
fontFamily: , 
fontSize: 14, 
fontWeight: FontWeight.bold, 


alane Palawan mana! Tonal\. 


Launching 1 ain.dart on RNE L22 in debug mode... 
Built build\app\outputs\apk\debug\app-debug. apk. 
Application finished. 


>] ream foil a Sol eee 
Product card butuh img url nya kita ambil product[index].imageurl, 
Dan ada name nya 


Dan ada price nya juga sama 
Dia dalam bentuk string maka toString 
Lalu yg lain nya kita kosongi saja 


A 5S.FLUTTER 52. ListView Builder + BLoC.mp4 - VLC media player - x 


Media Playback Audio Video Terjemahan Peralatan Tampilan Bantuan 


, My 
body: Column 
children: <Widget>[ 
RaisedButton( 
onPressed: , 
J ised 
BlocBuilder<ProductBloc, List<Product>>( 
builder: (context, products) => Expanded 
child: ListV .builder( 
itemCount: products.length, 
itemBuilder: (context, index) { 
— return ProductCard 
imageURL: products[index].imageURL, 
name: products[index].name, 
price: products[index].price.toString(), 
onAddCartTap: (|) {}, 
onDecTap: () {}, 
onIncTap: () {}, 


Launching li n.dart on RNE L22 in debug mode... 
Built buil pNoutputsNapkNde pp-debug.apk 
Applicatio hed. 


ni mama ch sisix Aa 
Lalu untuk jumlah nya sendiri kita pasang disni 
ProductBloc bloc = BlocProvider.of< 
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18 class MainPage extends StatelessWidget 
@override 
Widget build(BuildContext context) | 
ProductBloc bloc = BlocProvider.of«ProductBloc»( context): 


return Scaffold( 
appBar: AppBar 
“title: Text( 


$ dar 
-body: Column 
children: <Widget>[ 
RaisedButton( 
onPressed: 
» 4 
BlocBuilder<ProductBloc, List<Product>>( 
builder: (context, products) = Expanded 
child: ListView. builder( 
itemCount: nroducts.lencth 


Launching lib\main.dart on RNE L22 in debug mode... 


Built build\app\outputs\apk\de' app-debug. apk. 


Application finished. 


10:00 14:40 


HN Ke Cat) SSM a 
Lalu di mainPage buat satu buah random r = Random 
Si random ini ada library maka kita import saja 
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class MainPage extends StatelessWi 
Random r = Random(); 


a 3uildContext context) { 
— = bloc = BlocProvider.of<ProductBloc>( context); 


» 1 
body: Column 
children: «Widget»| 
RaisedButton( 
onPressed: , 
), isedButto 
—BlocBuilder<ProductBloc, List<Product>>( 
builder: (context, products) = Expanded 


child: ListView. huilderf 


Launching lib\main.dart on RNE L22 in debug mode... 
Built build\app\outpu apk\ app-debug k. 
Application finished. 


10:07 14:40 


>| im] Till Sisi a | 
Fungsi membuat bilangan random 
Kasih final karena dia stales widget 
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& 


class MainPage extends StatelessWidget 
final Random r = Random(); 


override 
Widget build(BuildContext context) { 
ProductBloc bloc = BlocProvider.of<ProductBloc>(context); 


return Scaffold( 
appBar: AppBar 
title: Text( 


- 3 
body: Column 
children: <Widget>[ 
RaisedButton( 


onPressed: , 
), // RaisedE 
BlocBuilder<ProductBloc, List<Product>>( 
builder: (context, products) => Expanded 
child: ListView. builder( 


Launching lib\main.dart on RNE L22 in debug mode... 
Built build\app\outputs\apk\ app-debug. apk. 
Application finished. 


H AE Lali SISI D 
Jadi disini ketika dipencet si tombol dia akan mencipta an bilangan random 

Misalkan 

Kita random 2 atau 5 buah 

Jadi disini di onprased 

Pangil bloc.dispatch() lalu masukan angka random r.nextint lalu kita buat max 
nya(4) 


Dia akan menghasilkan antara 0,1,2,3 

4 nya gk ikutan 

lalu ditambhakn angka + 2 jadi hasilnya 
antara 

0,1,2,3,4,5; 

Kita coba 
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mo ListView Builder 


( 
children: < >[ 
onPressed: () { 
bloc.dispatch(r.nextInt(4) + 2); 
h 
) iButt 
< 7 « 
builder: (context, products) => 
child: -builder( 
itemCount: products. length, 
itemBuilder: (context, index) 
L— return ( 
imageURL: products[index].imageURL, 


, 


Launchi lib\main.dart on RNE L22 in debug mode... 
Built build\app\outputs\apk\debug\app-debug. apk. 


11:10 
HN Ke SSH) SSM 


Sekarang kita klik tombol nya 
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return 
appBar: 
tit ("Demo ListView Builder"), 


tView Builder 


( 


children: « >[ 


onPressed: () { 
bloc.dispatch(r.nextInt(4) + 2); 


< 5 « 
builder: (context, products) = 
child: .builder( 
itemCount: products.length, 
itemBuilder: (context, index) 
return ( 
imageURL: products[index].imageURL, 
cau since 
Launching li ain.dart on RNE L22 in debug mode... 
Built build\app\outputs\apk\debug\app-debug. apk. 
I/hwaps : INI Onload 
V/AudioManager(17129): playSoun ct effectType: @ 


11:16 


Maka dibuat 3 buah 


Klik lagi sekarang 2 
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return \ Demo ListView Builder 
appBar: ( 


("Demo ListView Builder"), 
( 
children: < of 


onPressed: () { 
bloc.dispatch(r.nextInt(4) + 2); 


, « 
builder: (context, products) = 
child: .builder( 
itemCount: products.length, 
itemBuilder: (context, index) { 
-return ( 
imageURL: products[index].imageURL, 


I/zygote64(17129): Increasing code cache capacity to 128KB 
I/zygote64(17129): Do partial code cache collection, code-61KB, da 
e collection, code=61KB, data=5@KB 
de cache capacity tc 
ffect effectT 
1 code cache collection, code=124KB, data-81KB 


: After code cache collection, code=121KB, data=74KB 


11:28 
IN) Ke DU SSM 


Ini biar bagus ini jelek tampila nya 
Kita ubah sedkit agar menarik 
Disni child nya kita buat 

Stelah raised button kasih jarak 
SizedBox height 20 
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("Demo ListView Builder"), 


children: « >[ 
child: ("Create Products"), 
onPressed: () { 
bloc.dispatch(r.nextInt(4) + 2); 
}, 
/ Butt 
(height: 20,)) 
< s < 
builder: (context, products) => 
child: -builder( 
itemCount: products. length, 
itemBuilder: (context, index) 
return ( 
imageURL: products[index].imageURL, 
name: products[index].name, 


dy 


I/zygote64(17129): Increasing code cache capacity to 


ygote64(17129): Do partial code cache collection, code=61KB, data=5@KB 
ote64(17129): After code cache collection, code=6 data=S@KB 
/zygote64(17129): Increasing code cache capacity to 256KB 
/AudioManager(17129): playSoundEffect effectType: @ 
I/zygote64(17129): Do full code cache collection, code=124KB, data=81KB 
I/zygote64(17129): After code cache collection, code=121KB, data-74KB 


11:59 
Ii Ke Cait) SSM 


Lalu di isi listView builder kita tentukan arah dari scrol nya 
Kita buat axis horinzontal mesamping 
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bloc.dispatch(r.nextInt(4) # 2); 


1 dt t 1 
(height: 20,), 
« £ « 
builder: (context, products) => 
child: - builder( 
scrollDirection: .horizontal, 
itemCount: products.length, 
itemBuilder: (context, index) { Produk 0 Produk 1 
return ( 
imageURL: products[index].imageURL, 
name: products[index].name, 
price: products[index].price.toString(), 
onAddCartTap: () {}, 
onDecTap: () {}, 
onIncTap: () {}, 


Create’ Jucts 


= I/zygote64(17129): Do partial code cache collection, code=61KB, data=5@KB 
I/zygote64(17129): After code cache collection, code=61KB, data=5@KB 
I/zygote64(17129): Increasing code cache capacity to 256KB 
V/AudioManager(17129): playSoundEffect effectType: @ 

I/zygote64(17129): Do full code cache collection, code=124KB, data=81KB 
I/zygote64(17129): After code cache collection, code=121KB, data=74KB 


Reloaded 1 o 2 libraries in 987ms. 


12:24 
DP) ke mr DI G 


Supaya bagus kita buat thema sama warna merah 
Buton nya ganti warnya nya 
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— return 
appBar: 
("Demo ListView Builder"), 


children: >[ 


color: (Oxf fF44336), 

child: ("Create Products"), 

onPressed: () { 
bloc.dispatch(r.nextInt(4) + 2); 

}, 


(height: 20,), 
< 5 « 
builder: (context, products) => 
child: .builder( 
scrollDirection: .horizontal, 
itemCount: products.length, 


SenmBaltdawe (namenut DN 


I/zygote64(17129): Do partial code cache collection, code-61KB, data=5@KB 
I/zygote64(17129): After code cache collection, code=61KB, data 
I/zygote64(17129): Increasing cod che capacity to 256KB 
V/AudioManager(17129): playSoundEffect effectType: @ 
I/zygote64(17129): Do full code cache collection, code-1 
I/zygote64(17129): After code cache collection, code-121KB, 


Reloaded 1 o 2 libraries in 987ms. 


Oam 


AOS auna f om S 


12:33 
HN Ke (Eth 


Dan appbar juga ganti 
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build( 


context) { 


bloc = -of< >(context 


return 
appBar: 


( 


backgroundColor: (0xffF44336), 


title: 

), 

body: 
children: 


color: 
—child: 


("Demo ListView Builder"), 


>[ 


(OxffF44336), 
("Create Products"), 


onPressed: () { 
bloc.dispatch(r.nextInt(4) + 2); 


}, 


I/zygote64(17129): Do partial code cache collection, code-61KB, data=S@KB 


20te64(17129): After 
gote64(17129): Incre 


code cache collection, code-61KB, data=5@KB 
sing code cache capacity to 256KB 


V/AudioManager(17129): play ndEffect eff yi @ 
zygote64(17129): Do full code cache collection, code=124KB, data=81KB 


gote64(17129): After 


code cache collection, code-121KB, 


Reloaded 1 of 562 libraries in 987ms. 


12:40 
Di) rem ja Cal SISI 


Lalu materialApp bener kita false 
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vania ts Package: i tutter ULUL/ TLULLEK ULUL. UArL į 


main() = runApp( 0); 


build( 
return 


context) { 


debugShowCheckedModeBanner: 


home: 


build( 


I/zygote64(17129): Do par 


I/zygote64(17129): After 
I/zygote64(17129): Incr 


(builder: (contex © flipAxisDirection(..) 
exibleSpaceBarSettings 
lexibleSpaceBarSettings(.. 
kF LoatingActionButtonSegue 
ractionallySizedBox 
ractionallysizedBox(...) 
ractionalOffset 
ractionalOffset(.) 
ractionalOffset.fromOffs... 
context) { ractionalOffset.fromOffs... 


ractionalOffsetTween 
tial code cache collection, code=61KB, data=50 


code cache collection, code=61KB, data=5@KB 


sing code cache capacity to 256KB 


V/AudioManager(17 : pla ndEffect effectType: @ 


I/ te 
I/zygote64(17129): After 


4(17129): Do full code cach ollection, code-124KB, data=81KB 


code cache collection, code=121KB, data-74KB 


Reloaded 1 of 562 libraries in 987ms. 


12:47 
VE) KI DI 


Tingal kita ganti disini style nya 
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cnitoren: < aL 
color: (Oxf fF44336), 
child: ("Create Products", style: (color: 
onPressed: () { 
bloc.dispatch(r.nextInt(4) + 2); 
h 


(height: 20,), 
« 5 « 
builder: (context, products) => 
child: .builder( 
scrollDirection: .horizontal, 
itemCount: products.length, 
itemBuilder: (context, index) 
l return ( 
imageURL: products[index].imageURL, 
name: products[index].name, 
price: products[index].price.toString(), 
onAddCartTap: () {}, 


cau since 


ygote64(17129): After code cache collection, code-61KB, data=5@KB 
I/zygote64(17129): Inc ng code cache capacity to 256KB 
ct effectTyp 8 
tion, KB, data=81KB 
121KB, data=74KB 
Reloaded 1 of 562 libra 
Reloaded 1 of 2 librar 


12:59 
DP) Ka elit SISI 


55,FLUTTER 52, ListView Builder + BLoC.mp4 - VLC media player = x 


Media Playback Audio Video Terjemahan Peralatan Tampilan Bantuan 


No Configurations * 
cnitaren: < PL 
color: (OxffF44336), 
child: ("Create Products", style: 
onPressed: () 4 
bloc.dispatch(r.nextInt(4) 4 2); 
}, 


) / F 
2, 


(height: 20,), 
« í < 
builder: (context, products) => 
child: -builder( 
scrollDirection: -horizontal, 
itemCount: products.length, 
itemBuilder: (context, index) { 


Produk O Produk 1 


return ( 
imageURL: products[index].imageURL, 
name: products[index].name, 
price: products[index].price.toString(), 
onAddCartTap: () {}, 


Ba code cache capacity to 256KB 


ySoundEffect effectT 8 
29): Do fu 2 cache , code=124KB, data=81KB 
/zygote64(17129): After cod 121KB, data-74KB 
f 562 librarie 
562 libra 


562 libraries in 803ms. 


I rap Fain) Fs M 
Lalu kasih jarak product card nya kita bungkus productCard dgn row sebelum 
productCard 

Jika ia adalah index paling pertama == 

Buat sizedBox 20 untuk kasih jarak : kalau bukan kasih saja container 

Lalu stelah procut card juga kasih jarak untuk product berikutnya 


55.FLUTTER 52. ListView Builder + BLoC.mp4 - VLC media player = x 


Media Playback Audio Video Terjemahan Peralatan Tampilan Bantuan 


No Configurations * 


Kea 
-builder( 
scrollDirection: «horizontal, 
itemCount: products. length, 
itemBuilder: (context, index) 
return ( 
children: 
(index ? (width: 20,) : 


imageURL: products[index].imageURL, 
name: products[index].name, 

price: products[index].price.toString(), 
onAddCartTap: () 4), 

onDecTap: () 4), 

onIncTap: () {}, 


(width: 20,) 


J 


2 / ote64(17129): Increasing code cache capacity to 256KB 
V/AudioManager(17129): playSoundEffect effectType: © 
I/ 30te64(17129): Do full e cache collection, code-124KB, 
I/zygote64(17129): After code cache collection, coc 
Reloaded 1 of 562 libraries in 987m 
Reloaded 1 of 562 librar in 1,@81ms. 


aL AKrowns 
Reloaded 1 of 562 libraries in 803ms. 


13:41 
HN Ke DIN & 
Dan disni cros kita kasih satrt 
55.FLUTTER 52. ListView Builder + BLoC.mp4 - VLC media player a x 
Media Playback Audio Video Terjemahan Peralatan Tampilan Bantuan 


itemCount: products.length, 
itemBuilder: (context, index) 
return ( 
crossAxisAlignment: 
children: < >[ 
(index = 0) 
? 


width: 20, 


imageURL: products[index].imageURL, 
name: products[index].name, 

price: products[index].price.toString(), 
onAddCartTap: () {}, 

onDecTap: () {}, 

onIncTap: () {}, 


ant. an 
I/zygote64(17 ): Do full code cache collection, code=124KB, data=81KB 
I/zygote64(17129): After code cache collection, code=121KB, data-74KB 
Reloaded 1 of 562 libr in 9871 
Reloaded of 562 libraries in 1,081ms. 


562 libraries in 876ms. 


1 

Reloaded 1 of 562 libraries in 803ms. 
Reloaded 1 
1 


Reloaded f 562 libraries in 773ms. 


13:53 
TE) Ke Ca tt 


Kita lihat maka jadi lebih bagus 


A 55.FLUTTER 52. ListView Builder + BLoC.mp4 - VLC media player — x 


Media Playback Audio Video Terjemahan Peralatan Tampilan Bantuan 


itemCount: products.length, 
itemBuilder: (context, index) 


crossAxisAlignment: 
children: < > 


20, 


imageURL: products[index].imageURL, 
name: products[index].name, 

price: products[index].price.toString 
onAddCartTap: A 

onDecTa 


D/mali wins 29): EGLint new window surface(egl winsys display *, void 


surface **, egl color buffer format *, EGLBoolean) returns @x 
D/mali winsys(17129): EGLint new window surface(egl winsys d *, void 
surf a 5 or buffer format *, EGLBo n) returns 0x3000 

1) 


E/BpSurfaceComposerClient(17129): Failed to transact (-1) 


E/BpSurfaceComp Client(1712 Failed to transact ( 


rom 


W/InputMethodManager(17129): startInputReason = 1 


13:58 
b Ka DIN 


Jadi ini di klik maka bisa kesamping 
Jadi ini kira gunakan listView builder gabung dgn bloc 


